.customer {
  background:#F4F1EC;
  margin-top:10px;
  border:2px solid #E0DFDD;
  border-radius:8px;
  background:white;
}

.customer .round_top {
  border-radius:8px 8px 0px 0px; 
}

.customer .head {
    background:none repeat scroll 0 0 #F6F9FE;
    border-bottom:3px solid #EFF3FE;
    padding-top:15px;
    padding-bottom:15px;
}

.customer .tags a {
    margin-right:5px;
    background-color:#F2EAE7;
    color:#666666;
    font-size:10px;
    font-weight:bold;
    border-bottom:1px solid #E0DFDD;
    line-height:18px;
    padding:0px 8px 0px 8px;
    border-radius:5px;
}

.customer .head .logo_border {
  width:64px;
  background:white;
  border:1px solid #E0DFDD;
  padding:1px;
  margin-left:10px;
}

.customer .head .info {
    margin-left:20px;
    border-right:1px solid #F4F1EC;
}

.customer .head .info .name {
    color: #555555;
    font-size: 15px;
    font-weight: bold;
}

.customer .head .info .title {
    color: #666666;
    font-size: 13px;
    font-weight: normal;
}

.customer .head .contacts  div{
    font-size:11px;
    color:black;
    padding-left:20px;
}

.customer .head .contacts  div small, #upload_file_form div small{
    margin-left:5px;
    color:#555555;
}

.customer .head .contacts .phone {
    margin-top:10px;
    background: url('/assets/customers/phone.png') no-repeat;
}
.customer .head .contacts .email {
    background: url('/assets/customers/email.png') no-repeat;
}

.customer .head .contacts .im {
    background: url('/assets/customers/im.png') no-repeat;
}

.customer .left {
}

.customer .right {
    border-left:1px solid #E0DFDD;
    margin-bottom: 20px;
}

.customer .left .block,
.customer .right .block {
    margin-left:10px;
}

.customer .left .add_note {
    font-size:13px;
    font-weight:bold;
    line-height:25px;
    margin-top:10px;
}

#new_tabs textarea,
.customer .left .add_note textarea {
    height:80px;
}

.customer .left .add_note textarea.blank {
  border:#FF0000 1px solid;
}

.customer .left .add_note .tools {
   text-align: right;
   padding-right: 20px;
}

.customer .left .add_note .tools .button {
    float:right;
    padding: 1px 8px 1px 8px;
    line-height:16px;
    height:16px;
    font-size:11px;
    margin-right:15px;
    margin-top:5px;
}

.customer .left .add_note .tools .loading {
  float:right;
  padding: 1px 8px 1px 8px;
  line-height:16px;  
  font-size:11px;
  margin-right:15px;
  margin-top:5px;
}

.customer .left .add_note .bargain_form {
    background: none repeat scroll 0 0 #F6F9FE;
    margin-bottom: 10px;
    margin-right: 20px;
    padding: 20px;
    color: #7F878D;
}

.customer .left .add_note .bargain_f {
    padding-left: 15px;
    padding-top:5px;
}

.customer .left .add_note .bargain_form textarea {
    width: 390px;
}
.customer .left .add_note .bargain_form input {
    height: 20px;
}

.customer .left .add_note .form .validation_error {
  float:left;
}

.customer .left .notes .note {
    background:url('/assets/customers/note.png') no-repeat;
    padding-left:40px;
    padding-right:20px;
    margin-bottom: 10px;   
    position: relative; 
}

.customer .left .notes .money {
    background:url('/assets/customers/22x22.png') no-repeat;
    padding-left:40px;
    padding-right:20px;
    margin-bottom: 10px;
    position: relative;
}

.customer .left .notes .note hr {
    color:#E0DFDD;
    margin-top:5px;
}

.customer .left .notes .note .ud {
  position:absolute;
  left:350px;
  display:none;
}

.customer .left .notes .note:hover .ud {
  display:inline;
}

.customer .left .notes .note .ud .crud {
  margin-left:5px;
}

.customer .left .notes .note .title {
    color:#555555;
    font-size:13px;
    font-weight:bold;
}

.customer .left .notes .note .title small {
    font-size:12px;
    font-weight:normal;
    color:#666666;
    margin-left:10px;
}

.customer .left .notes .note .remark {
    font-size:11px;
    color:#666666;
}

.customer .left .notes .note .content {
    color:black;
    line-height:18px;
    font-size:11px;
    margin-top:5px;
}

.customer .left .notes .note .edit_form textarea {
  height:50px;
}

.new_comment div,
.customer .left .notes .note .edit_form div {
  text-align:left;
  color:#555555;

}

.new_comment input[type="submit"], 
.customer .left .notes .note .edit_form .button {
  height:16px;
  padding: 1px 8px 1px 8px;
  margin-right:0px;
  font-size:11px;
}
.new_comment a,
.customer .left .notes .note .edit_form a {
  margin-left:5px;
}

.customer .left .notes .note .tools a {
  margin-right:5px;
  font-size:11px;
}


.customer .left .notes .note .tools .right {
  float:right;
  margin:0px;
  border:0px;
}

.customer .left .notes .note .comments {
  font-size:11px;
  padding-bottom:10px;
}

.customer .left .notes .note .comments .comment {
  padding-top:10px;
  background:#F6F9FE;  
}

.customer .left .notes .note .comments .comment,
.customer .left .notes .note .comments .top,
.customer .left .notes .note .comments .bottom {
  width:400px;
}

.customer .left .notes .note .comments .comment .type {
  padding-left:10px;
}

.customer .left .notes .note .comments .comment .recorder {
  margin:0px;
}

.customer .left .notes .note .comments div{
  float:left;
}

.customer .left .notes .note .comments .comment .logo {
  width:40px;
  margin-left:10px;
}

.customer .left .notes .note .comments .comment .others {
  width:300px;
  padding-top:1px;
}

.customer .left .notes .note .comments .comment .others .nick_name {
  
}

.customer .left .notes .note .comments .comment .others .content {
  margin-top:0px;
  margin-left:5px;
}

.customer .left .notes .note .comments .comment .others .when {
  width:250px;
  color:#666666;
}

.customer .left .notes .note .comments .comment .others .when a {
  margin-left:5px;
}

.customer .left .notes .note .comments .first {
  margin-top:2px;
  padding-bottom:5px;
}

.customer .left .notes .note .comments .follows {
  padding-left:40px;
  padding-top:5px;
  width:360px;
}

.customer .left .notes .note .comments .top {
  background:#F6F9FE;
  line-height:1px;
  height:5px;
  border-radius:5px 5px 0px 0px;
  position: relative;
  margin-top:10px;
  margin-bottom:-2px;
}

.customer .left .notes .note .comments .top .arrow {
  color:#F6F9FE;
  font-size:12px;
  position: absolute;
  height:10px;
  top:-3px;
  left:30px;
}

.customer .left .notes .note .comments .bottom {
  background:#F6F9FE;
  line-height:1px;
  height:5px;
  border-radius:0px 0px 5px 5px;
  margin-bottom:10px;
}

.customer .left .notes .note .comments .more {
  text-align:center;
  line-height:25px;
  color:#666666;
}

.customer .left .notes .note .comments .more b {
  color:#A02516;
}

.customer .right .block {
    
}

.customer .right .block .head {
    background: transparent;
    border-bottom: 1px solid #E0DFDD;
    border-radius: 0px;
    padding-bottom: 0px;
    padding-top: 20px;
}
.customer .right .block .head .title,
.customer .right .block .body .title{
    color:#555555;
    font-size:12px;
    font-weight:bold;
}

.customer .right .block .head .with_tools{
    float:left;
    width:auto;
}

.customer .right .block .head .tools {
    float:right;
    width:auto;
}

.customer .right .block .body .task {
    color:#666666;
    font-size:11px;
    margin-top:5px;
    line-height:18px;
    float:left;
}

.customer .right .block .body .task .left {
  float: left;
}

.customer .right .block .body .task .right {
  float:left;
  border-width:0px;
  margin-bottom:0px;
  width: 189px;
}

.customer .right .block .body .task .type {
    margin-left:5px;
    margin-right:5px;
}

.customer .right .block .body .task .check_box {
    float:left;
    width:20px;
}

.customer .right .block .body .task .content {
    float:left;
    width:189px;
}

.customer .right .block .body .line {
    margin-top:5px;
    color:#555555;
    font-size:11px;
}

.customer .right .block .body .line small {
    color:#666666;
    margin-left:5px;
    font-weight:bold;
}

.customer .right .block .body .overdue .title{
  color: #AD1003;
}

#my_tasks .body .line {
  padding:5px;
}

.tabs{
  position: relative;
  border-bottom:1px solid #E0DFDD;
  margin-right:20px;
  height:25px;
}

.tabs .relative{
  position:absolute;
  top:2px;
  padding-left:15px;
}

.tabs .relative .tab{
  border-width:1px 1px 1px 1px;
  border-style:solid;
  border-color:#E0DFDD;  
  width:auto;
  float:left;
  background:#F4F1EC;
  color:gray;
  padding:2px 10px 2px 10px;
  margin-right:5px;
  font-weight:bold;
}

.tabs .relative .h{
  border-bottom:1px solid white;
  background:white;
  color:#555555;
}

.tabs .relative .tab b{
  color:#A36566;
}
.tabs .relative .h b{
  color:#A02516;
}

.tabs .relative .add_project{
  background:url('/assets/crud/add.png') 3px 3px no-repeat;
  width:2px;
  text-indent:-1000px;
}
.tabs .relative .add_project:hover {
  background:#F4F1EC;
}

#new_tabs {
  background:#F6F9FE;
  margin-right:20px;
  padding-top:15px;
  border:2px solid #E0DFDD;
  border-width:0px 2px 2px 2px;
  border-radius:0px 0px 4px 4px;
}

#new_tabs .line {
 margin-bottom:10px;
}

#new_tabs .line,
#new_tabs .dt,
#new_tabs .dd {
  float:left;
}

#new_tabs .dt {
  width:80px;
  text-align:left;
  padding-left:20px;
  font-weight:bold;
  color:#555555;
}

#new_tabs .dd {
  text-align:left;
  width:200px;
}

#new_tabs .project {
  padding-left:10px;
}


#new_tabs .project:hover a {
  font-weight:bold;
}

#new_tabs .project a {
  float:left;  
  line-height:24px;
  height:24px;
}

#new_tabs .project .to_project {
  color:#2B5F87;
  margin-right:40px;
  font-weight:bold;
}

#new_tabs .tools {
  padding-left:20px;
  color:#555555;
  background:white;
  line-height:50px;
  border-top:2px solid #EFF3FE;
  border-radius:0px 0px 4px 4px;
}

#new_tabs .tools input[type="submit"] {
  font-size:12px;  
  line-height:22px;
  height:22px;
}

.records {
  margin-top:15px;
}

.new_comment textarea {
  width:370px;
  height:60px;
  margin-left:10px;
  margin-bottom:5px;
}

.new_follow_comment textarea {
  width:320px;
  margin-left:55px;
}

.customer .left .notes .note .comments .new_comment .right {
  text-align:right;
  float:right;
  border:0px;
  margin:0px;
  padding-bottom:5px;
  padding-right:5px;  
}

.customer .left .notes .note .comments .new_comment input {
  margin-right:5px;
  font-size:11px;
  height: 20px;
  line-height: 16px;  
}

.new_comment a {
  margin-right:5px;
}

.new_follow_comment a {
  margin-right:10px;
}

.type_switch {
  float: left;
  overflow: hidden;
  text-indent: -1000px;
  width: 16px;
}

.type_switch_from_select {
}

.type_switch_from_input {
  background:url('/assets/tasks/input.png') no-repeat 0px 2px;
}


#new_choise input {
    width: 150px;
}

#new_choise b{
    color: red;
}

.customer .omega .add_note .title a{
    font-size: 11px;
}

.customer .omega .add_note .title label{
    font-size: 11px;
    font-weight: normal;
    color: #666666;
}

.padding_5 {
    padding: 5px;
}

.padding_10 {
    padding: 10px;
}

.padding_l_15 {
    padding-left: 15px;
}

.padding_l_15 a{
  float: left;
  font-size: 13px;
  line-height: 25px;
  margin-right:5px;
  font-weight:bold;
}

.fs {
    color: #555555;
    font-size: 11px;
}

.blue {
    background-color: #F6F9FE;
    margin-top: 10px;
    margin-bottom: 10px;
}

#upload_file_text a, #upload_file_form a {
    font-weight: bold;
}

#upload_file_text a {
  float:right;
}

#estimate table, .record_content table {
   width: 100%;
   font-size: 11px;
   border: none;
   padding: 10px;
   color: #666666;
   font-size: 11px;
   margin: 0px;
}

#estimate table a {
    font-weight: bold;
}

.t_title {
    color: #555555;
    font-size: 12px;
    font-weight: bold;
    padding: 1px 0px 5px 1px;
}

.padding_l_50 {
    padding-left: 90px;
}

.align_right {
    text-align: right;
    padding-right: 10px;
}

.record_content .blue {
    width: 380px;
    padding: 10px;
}

.f_bold {
    font-weight: bold;
}

.up {
    background-color: #009900;
    color: white;
    padding: 1px 10px 1px 10px;
}

.down {
    background-color: #FF0000;
    color: white;
    padding: 1px 10px 1px 10px;
}

.equality {
    background-color: #666666;
    color: white;
    padding: 1px 10px 1px 10px;
}

#new_choise .b_w {
    background-color: white;
    border-top:2px solid #EFF3FE;
    padding-top: 10px;
}

.add_note:hover #estimate{
    display: inline;
}

.add_note .title .desc:hover .ar{
    display: block;
}

.add_note:hover .desc .ar{
    display: none;
}

#new_record_form .b_l {
    height: 20px;
}

/*.add_note .title .desc{
    width: 155px;
}
*/
.add_note .title .desc .al{
    float: left;
}

.add_note .title .desc .ar{
    float: left;
}

.add_note .title .desc .ar label {
  margin-left:3px;
  margin-right:3px;
}

.customer .left .notes .note .edit_form .pd_l_5 {
  padding-left: 5px;
}

.edit_form textarea {
  margin:0px;
  padding:5px;
  line-height:16px;
}